<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <title>护理专家工作室</title>
    <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="./bootstrap/css/myForm.css">
    <script src="./jquery/jquery.js"></script>
</head>
</head>
<body>

    <div class="row clearfix">
        <div class="col-xs-12 column">  
            <div class="jumbotron" style="background-image:url('./image/ocean-bg.jpg'); margin: 0; ">
                <h1 style="color: whitesmoke; " align="center">
                    关于
                    <br>护理专家工作室
                </h1>
                <br/>
                <br/>
                <div class="row">
                    <div class="col-md-12" align="center">
                        <p style="padding-left: 2%; padding-right: 2%; color: #427｀ae0;">
                            <b>由南昌大学<em>护理专家工作室</em>&nbsp;完成的  “长途远程监控服务机械人”   项目在全国3万余个参赛项目中脱颖而出，
                            获得由教导部主办的全国首届“互联网+”大赛创意组金奖十强。远程监控服务机器人是为应对全球
                            人口老龄化发展趋势而研发的一款高端综合护理服务系统，它包括多功能护理床、智能坐便器、可
                            穿戴生理参数采集设备、主控板，集个人卫生护理、医疗康复训练和远程健康监护等功能为一体，实现了
                            移动设备和电脑终端对需护理人群随时进行远程护理、健康监视、视频交流、健康参数提醒等服务。</b>
                        </p>
                    </div>
                </div>
            <br/>
            <br/>
                <div class="row clearfix" align="center">
                    <div class="col-md-12" >
                        <p>
                            <a class="btn btn-primary" href="#section-2">Next</a>
                        </p>
                    </div>
                </div>
                
            </div>

            <div class="jumbotron" id="section-2" style="background-image:url('./image/section-2.jpg'); margin: 0; width: 100%; ">
                <div class="section-2">
                <h1 style="color: #76373a">
                    在这里，你可以学到
                </h1>
                <br>
                <br>

                <h3 style="color: #c08850">@软件组</h3>
                <ul class="list">
                    <li>html+css+javascript编写系统的前端页面</li>
                    <li>JSP,PHP创建交互性动态页面</li>
                    <li>完整的项目开发实战体验</li>
                    <li>...</li>
                </ul>

                <br>

                <h3 style="color: #c08850">@硬件组</h3>
                <ul class="list">
                    <li>基本电路知识</li>
                    <li>430、STM32、Cortex-M3单片机</li>
                    <li>自己硬件DIY</li>
                    <li>...</li>
                </ul>
                    </div>
                <div class="row clearfix" align="center">
                    <div class="col-md-12" >
                        <p>
                            <a class="btn btn-primary" href="#section-3">Next</a>
                        </p>
                    </div>
                </div>
            </div>

            <div class="jumbotron"  style="background-image:url('./image/section-3.png'); height: 596px;"></div>
                <div class="row clearfix " align="center">
                    <div class="col-md-12 " >
                        <div class="section-3">
                            <p>
                                <a id="section-3" href="./attendUs.html"><b>加入我们</b></a>
                            </p>
                        </div>
                    </div>
                </div>
        </div>
    </div>

</div>
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12">
                <span style="font-family:Arial; color: slategray;">Copyright © 2015 - 2016 护理专家工作室(19栋10F). All Rights Reserved</span>
            </div>
        </div>
        <br/>
    </div>
    <!--jquery实现平滑移动-->
    <script>
        $(function(){
            $('a[href*=#],area[href*=#]').click(function() {
                if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                    var $target = $(this.hash);
                    $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
                    if ($target.length) {
                        var targetOffset = $target.offset().top;
                        $('html,body').animate({
                                    scrollTop: targetOffset
                                },
                                1000);
                        return false;
                    }
                }
            });
        })
    </script>
</body>
</html>
</body>
</html>